<template>
    <div class="content-box">
        {{conData[tabIndex] | replaceNumToChs}}
    </div>
</template>

<script>
    import {mapState} from "vuex";
    import replaceNumToChs from "../../../filters/replaceNumToChs";
    export default {
        name:"contentBox",
        props:{
            conData:Array,
            creInd:Number
        },
        filters:{
          replaceNumToChs
        },
        computed:{
            ...mapState(['tabIndex'])
        }
    }
</script>

<style scoped>
    .content-box{
        height: 100px;
        line-height: 100px;
        text-align: center;
        font-size: 30px;
        font-weight: bold;
    }
</style>
